<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/icon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>TyX</title>

    <style>
      #root {
        display: none;
      }

      .ready #root {
        display: initial;
      }

      @media (prefers-color-scheme: dark) {
        body {
          background-color: #242424;
        }
      }
    </style>
    <link rel="preload" as="font" href="/fonts/KaTeX_AMS-Regular.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_Caligraphic-Bold.woff2" />
    <link
      rel="preload"
      as="font"
      href="/fonts/KaTeX_Caligraphic-Regular.woff2"
    />
    <link rel="preload" as="font" href="/fonts/KaTeX_Fraktur-Bold.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_Fraktur-Regular.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_Main-Bold.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_Main-BoldItalic.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_Main-Italic.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_Main-Regular.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_Math-BoldItalic.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_Math-Italic.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_SansSerif-Bold.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_SansSerif-Italic.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_SansSerif-Regular.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_Script-Regular.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_Size1-Regular.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_Size2-Regular.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_Size3-Regular.woff2" />
    <link rel="preload" as="font" href="/fonts/KaTeX_Size4-Regular.woff2" />
    <link
      rel="preload"
      as="font"
      href="/fonts/KaTeX_Typewriter-Regular.woff2"
    />
    <link rel="stylesheet" href="/mathlive-fonts.css" />
  </head>

  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>
